@CHARSET "UTF-8";

#nav a {
	color: #5272fc;
}

#nav {
	float: left;
	margin: 1%;
	padding: 0 0 2% 0;
	width: 15%;
	min-width: 150px;
	height: 100%;
	font-size: 70%;
	background: #f1f1f1;
	color: #5272fc;
	border: 1px solid #d6d6d6;
	border-radius: 10px;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
 	-khtml-border-radius: 10px;    /* Konqueror */
 	-icab-border-radius: 10px;
}

	#nav #show_hide {
		margin-top: 0;
		padding: 1%;
		background: #000000;
		text-align: center;
		color: #fff;
		font-size: 90%;
		
		border-top-right-radius: 10px;
 		border-top-left-radius: 10px;
		-moz-border-radius-topright: 10px; /* Firefox */
 		-moz-border-radius-topleft: 10px; 	
		-webkit-border-top-right-radius: 10px; /* Safari, Chrome */
		-webkit-border-top-left-radius: 10px; 
 		-khtml-border-radius-topright: 10px;    /* Konqueror */
 		-khtml-border-radius-topleft: 10px;
 		-icab-border-top-right-radius: 10px; 
		-icab-border-top-left-radius: 10px;
	}

	#nav ul.top-nav {
		text-align: left;
		margin: 0;
		padding: 0 2%;
	}
		#nav ul.top-nav > li {
			display: block;
			margin: 0% 0% .5% 0%;
			padding: 3% 2.5% 2% 3%;
			border-bottom: 1px solid #d6d6d6;
			border-top: 1px solid #fff;
			border-radius: 3px;
			-moz-border-radius: 3px; /* Firefox */
			-webkit-border-radius: 3px; /* Safari, Chrome */
 			-khtml-border-radius: 3px;    /* Konqueror */
 			-icab-border-radius: 3px;
			cursor: pointer;
		}
		#nav ul.top-nav > li:hover {
			color: #000;
		}
		#nav .top-nav_hover {
		}
		#nav .arrow {
		/*image-background: url(''); 
			image-repeat: no-repeat;
		*/
			float: right;
		}
			
			#nav ul.sub-nav {
				float: left;
				width: 100%;
				text-align: left;
				margin: 1% 0 3% 0;
				padding: 0;
				border: 0;
				font-style: italic;
				overflow: hidden;
				border-radius: 5px;
				-moz-border-radius: 5px; /* Firefox */
				-webkit-border-radius: 5px; /* Safari, Chrome */
 				-khtml-border-radius: 5px;    /* Konqueror */
 				-icab-border-radius: 5px;
 				
			}
				#nav ul.sub-nav > li {
					display: block;					
					margin: 0 .5% 0% 3%;
					padding: 2% 2% 2% 2%;
					background: #ffffff;
					border-top: 1px  solid #d6d6d6;
					border-bottom: 1px  solid #d6d6d6;
					border-radius: 1px; 
					-moz-border-radius: 1px; /* Firefox */
					-webkit-border-radius: 1px; /* Safari, Chrome */
 					-khtml-border-radius: 1px;    /* Konqueror */
 					-icab-border-radius: 1px; 					
 					cursor: pointer;
				}
				#nav ul.sub-nav > li:hover {
					background: #f1f1f1;
				}

